 <div class="mall_con_l">
    <div class="mall_notice">
      <div class="notice_title"><h2>商城公告</h2></div>
      <div class="notice_con">
        <ul>
			<?php foreach ($shop_notices as $notice){?>
			<li><a href="/site/view/<?php echo $notice['id'];?>.html" target="_blank"><?php echo $notice['title'];?></a></li>
			<?php }?>
			</ul>
        </ul>
      </div>
    </div>
   
    <div class="mall_hot">
      <div class="hot_title"><h2>热兑产品</h2></div>
      
      <div class="hot_con" id="zxtz_pmd1" style="height: 630px; overflow:hidden">
       <ul >
        
        <?php foreach ($hot_list as $hinfo){?>
	        <li>
	        	<div class="hot_con_box">
				<a href="/shop/info/<?php echo $hinfo['id'];?>.html"><img src="<?php echo $hinfo['pimg'];?>" width="114" height="84"></a>
				<h3><a href="/shop/info/<?php echo $hinfo['id'];?>.html"><?php echo utf8substr($hinfo['pname'], 0, 10);?></a></h3>
				<p>剩余：<span><?php echo $hinfo['psurp'];?></span>个</p>
				<div class="hot_con_bt"><a href="/shop/info/<?php echo $hinfo['id'];?>.html"><img src="/static/images/bt-lijiduihuan.png" width="80" height="28" /></a></div>
			</div>
	        </li>
       <?php }?>
                
       </ul>
       
        </div>
     
    </div>
  </div>
  
  <script type="text/javascript">
  $(document).ready(function() {
			var myar = setInterval('AutoScroll("#zxtz_pmd1")', 1500)
		    $("#scrollDiv").hover(function() { 
		        clearInterval(myar); 
		    }, function(){ 
		            myar = setInterval('AutoScroll(#zxtz_pmd1)', 1500) 
		    }); //当鼠标放上去的时候，滚动停止，鼠标离开的时候滚动开始
		});
		
  function AutoScroll(obj) {
	  
		$(obj).find("ul:first").animate({
	   		paddingTop: "-128px"
	    }, 1000, function() {
	    	$(this).css({ paddingTop: "0px" }).find("li:first").appendTo(this);
	    });
	    }

		
</script>